<?=view('admin.common.header')?>
<style>
    .table>tbody>tr>td {vertical-align: middle;}
</style>
<form id="modifyform" action method="post">
<table class="table">
    <tr>
        <td>地区</td>
        <td>
            <select id="area" class="form-control">
                <option value="">--请选择地区--</option>
                <?php foreach ($areas as $val): ?>
                <option value="<?=$val->id?>"><?= $val->name ?></option>
                <?php endforeach; ?>
            </select>
        </td>
    </tr>
    <tr>
        <td>优惠价格</td>
        <td>
            <input type="text" name="plotfav" class="form-control" required="required"/>
        </td>
    </tr>
    <tr>
        <td>小区初装费</td>
        <td>
            <input type="text" name="plotinit" class="form-control" required="required"/>
        </td>
    </tr>
    <tr>
        <td>优惠小区</td>
        <td>
            <select name="plotid" class="form-control">
                <option value="">--请选择--</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>优惠产品</td>
        <td>
            <select name="productid" class="form-control">
                <option value="">--请选择--</option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <button class="btn btn-primary form-control eveModify">修　改</button>
        </td>
    </tr>
</table>
    <script>
        $("#area").change(function(){
            if ($(this).val() == "") {
                $("select[name=plotid]").empty();
                $("select[name=productid]").empty();
                $("select[name=plotid]").append("<option value=''>--请选择--</option>");
                $("select[name=productid]").append("<option value=''>--请选择--</option>");
                return ;
            }
            $.get('<?=url("admin/plotfav/ppinfo/")?>/'+$(this).val(), function(data){
               $("select[name=plotid]").empty();
               $("select[name=productid]").empty();
               if (data.plots.length > 0) {
                   var plopt = "<option value=''>--请选择--</option>";
                   for (var i=0; i < data.plots.length; i++) {
                       plopt += "<option value='"+data.plots[i].id+"'>"+data.plots[i].name+"</option>";
                   }
                   $("select[name=plotid]").append(plopt);
               } else {
                   var plopt = "<option value=''>--请选择--</option>";
                   $("select[name=plotid]").append(plopt);
               }
               if (data.products.length > 0) {
                   var propt = "<option value=''>--请选择--</option>";
                   for (var i=0; i<data.products.length; i++) {
                       propt += "<option value='"+data.products[i].id+"'>"+data.products[i].name+"("+data.products[i].ptype+")</option>";
                   }
                   $("select[name=productid]").append(propt);
               } else {
                   var propt = "<option value=''>--请选择--</option>";
                   $("select[name=productid]").append(propt);
               }
            });
        });
        $('.eveModify').click(function(){
            var plotfav=$('input[name=plotfav]').val();
            if ($("#area").val() == '') {
                layer.msg('请选择地区');
                return false;
            }
            if (plotfav == '') {
                layer.msg('优惠价格不能空');
                return false;
            }
            if ($("select[name=plotid]").val() == '') {
                layer.msg('优惠小区不能空');
                return false;
            }
            if ($("select[name=productid]").val() == '') {
                layer.msg('优惠产品不能空');
                return false;
            }
            $("#modifyform").ajaxSubmit(function(data){
                layer.msg(data.info);
                if (data.status == 1) {
                    window.parent.location.reload();
                }
            });
            return false;
        })
    </script>
</body>
</html>